<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>OPPO商品页</title>
		<link rel="stylesheet" type="text/css" href="./css/style.css"/>
	</head>
	<body>
		<!--顶部区域开始-->
		<div class="top">
			<div class="top_box">
				<div class="top_box_left">
				<ul>
					<li><a href="">社区</a></li><div></div>
					<li><a href="">ColorOS</a></li><div></div>
					<li><a href="">云服务</a></li><div></div>
					<li><a href="">手机助手</a></li>
				</ul>
				</div>
				<div class="top_box_right">
					<ul>
						<li><a href="">123</a></li><div></div>
						<li><a href="./login.html">登录</a></li><div></div>
						<li><a href="./register.html">注册</a></li>
					</ul>
				</div>
			</div>
		</div>
		<!--顶部区域结束-->
		<!--logo-导航区域开始-->
		<div class="logo-nav">
			<div class="logo">
				<img src="./images/logo.png"/>
			</div>
			<div class="cart">
				<span>购物车</span>
			</div>
			<div class="nav">
				<ul>
					<li><a href="./index.html">首页</a></li>
					<li><a href="./list.html">手机</a></li>
					<li><a href="./list.html">配件</a></li>
					<li><a href="">购物指南</a></li>
				</ul>
			</div>	
		</div>
		<!--logo-导航区域结束-->
		<div class="line-1"></div>
		<div class="line-2"></div>
		<div class="line-3"></div>	
		<div class="line-4"></div>	
		<div class="line-5"></div>
		<div class="line-6"></div>
		<!--子导航开始-->
		<div class="subnav">
			<a href="">首页</a>&nbsp<i>|</i>&nbsp
			<span>商品列表</span>&nbsp<i>|</i>&nbsp
			<span>R5 金属至薄移动4G旗舰手机 银色</span>
		</div>
		<!--子导航结束-->
		<div class="shangpin">
			<div class="shangpin_box">
				<div class="img">
					<img src="images/shangp.png"/>
				</div>
				<ul>
					<a href=""><li style="border:1px solid #2DAE71 ;"><img src="images/xiao1.png" alt="" /></li></a>
					<a href=""><li><img src="images/xiao2.png"/></li></a>
					<a href=""><li><img src="images/xiao3.png"/></li></a>
					<a href=""><li><img src="images/xiao4.png"/></li></a>
					<a href=""><li><img src="images/xiao5.png"/></li></a>
				</ul>
				<div class="xiangq">
					<h2>R5 金属至薄移动4G旗舰手机 银色</h2>
					<span>十周年购物狂欢节期间（2015年6月14-28日），在OPPO官网购买手机的用户并在用户评价中发表五星好评，正文需写出此款手机的使用心得（内容超过100字以上），即有机会获得iLIKE 5200mAh移动电源一个！极致超薄，5000万像素超清画质，VOOC mini闪充</span>
					<span class="jia">￥2999.00</span>
				</div>
				<div class="fenlei">
					<div class="fenlei1">
						<span>网络</span>
						<div class="fenlei1_1">
							<a style="border: 2px solid #2AAD67; color: #2AAD67;" href="">移动4G</a>
							<a href="">移动联通双4G</a>
							</div>
					</div>
					<div class="fenlei2">
						<span>颜色</span>
						<div class="fenlei2_1">
							<a style="border: 2px solid #2AAD67;color: #2AAD67;" href="">银色</a>
							<a href="">金色</a>
							<a href="">灰色</a>
						</div>
					</div>
					<div class="fenlei3">
						<span>容量</span>
						<div class="fenlei3_1">
							<a style="border: 2px solid #2AAD67; color: #2AAD67;" href="">16G</a>
						</div>
					</div>
					<div class="fenlei4">
						<span>赠品</span>
						<div class="fenlei4_1">
							<img src="images/mai1.jpg" alt="" />
							<a class="zeng1" href="">iLIKE 5200mAh O萌移 动电源 BY503 红</a><br />
							<img src="images/mai2.jpg" alt="" />
							<a class="zeng2" href="">QCY 大咖蓝牙耳机 J134 黄黑</a>
						</div>
					</div>
					<div class="fenlei5">
						<span>服务</span>
						<div class="fenlei5_1">
							<a href="">
								<span class="yan">延</span>
								<span class="yanshi">延保半年￥59</span>
							</a>
							<a href="">
								<span class="yan">延</span>
								<span class="yanshi">延保一年￥99</span>
							</a>
							<a href="">
								<span class="yan">碎</span>
								<span class="yanshi">屏碎保一年￥99</span>
							</a>
							<a class="liaojie" href="">了解详情>></a><br />
							<div class="baoxian">
								<span>购买保险服务表示您已同意</span>
								<a href="">《OPPO保障服务条款》</a>
							</div>
						</div>	
					</div>
					<div class="fenlei6">
						<div class="fenlei6_left">
							<a href="">-</a>
							<input type="text" name="" id="" value="1" />
							<a href="">+</a>
						</div>
						<div class="fenlei6_right">
							<a href="">加入购物车</a>
						</div>
					</div>
					<div class="fenlei7">
						<img src="images/111.png" alt="" />
						<span>79元起包邮</span>
						<img src="images/222.png" alt="" />
						<span>7天包推30天包换</span>
						<img src="images/333.png" alt="" />
						<span>分期付款</span>
						<img src="images/444.png" alt="" />
						<span>购物返积分</span>
					</div>
				</div>
			</div>
		</div>
		<div class="shangpin_cont">
			<p></p>
			<div class="shangpin_cont_top">
				<a style="background: #409F73; color: #fff;" href="">商品详情</a>
				<a href="">规格参数</a>
				<a href="">用户评价</a>
			</div>
			<div class="shangp_cont_con">
				<img src="images/spcont1.jpg"/>
				<img src="images/spcont2.jpg"/>
				<img src="images/spcont3.jpg"/>
				<img src="images/spcont4.jpg"/>
				<img src="images/spcont5.jpg"/>
				<img src="images/spcont6.jpg"/>
				<img src="images/spcont7.jpg"/>
				<img src="images/spcont8.jpg"/>
				<img src="images/spcont9.jpg"/>
				<img src="images/spcont10.jpg"/>
				<img src="images/spcont11.jpg"/>
				<img src="images/spcont12.jpg"/>
				<img src="images/spcont13.jpg"/>
				<img src="images/spcont14.jpg"/>
				<img src="images/spcont15.jpg"/>
			</div>
		</div>
		
		<!--底部2开始-->
		<div class="bottom2">
			<div class="left">
				<img src="./images/13.png"/>
				<a href="">OPPO社区</a>
			</div>
			<div class="center">
				<img src="./images/14.png"/>
				<a href="">ColorOS</a>
			</div>
			<div class="right">
				<img src="./images/15.png"/>
				<a href="">软件商店</a>
			</div>
		</div>
		<!--底部2结束-->
		<!--底部3开始-->
		<div class="bottom3">
			<dl>
				<dt><a href="">推荐机型</a></dt>
				<dd><a href="">N3</a></dd>
				<dd><a href="">R5</a></dd>
				<dd><a href="">Find7</a></dd>
				<dd><a href="">R1C</a></dd>
				<dd><a href="">N1 mini</a></dd>
			</dl>
			<dl>
				<dt><a href="">在线购买</a></dt>
				<dd><a href="">手机</a></dd>
				<dd><a href="">移动电源</a></dd>
				<dd><a href="">手机保护套</a></dd>
				<dd><a href="">贴膜</a></dd>
				<dd><a href="">耳机</a></dd>
			</dl>
			<dl>
				<dt><a href="">服务</a></dt>
				<dd><a href="">购买帮助</a></dd>
				<dd><a href="">物流查询</a></dd>
				<dd><a href="">常见问题</a></dd>
				<dd><a href="">服务政策</a></dd>
				<dd><a href="">服务网店查询</a></dd>
			</dl>
			<dl>
				<dt><a href="">会员登录</a></dt>
				<dd><a href="">会员注册</a></dd>
				<dd><a href="">积分兑换</a></dd>
			</dl>
			<dl>
				<dt><a href="">OPPO品牌</a></dt>
				<dd><a href="">关于OPPO</a></dd>
				<dd><a href="">OPPO历史</a></dd>
				<dd><a href="">OPPO风采</a></dd>
				<dd><a href="">官方新闻</a></dd>
				<dd><a href="">OPPO视频</a></dd>
			</dl>
		</div>
		<!--底部3结束-->
		<!--底部4开始-->
		<div class="bottom4">
			<div class="bottom4_box">
				<div class="bottom4_box_left">
					<span class="guanzhu">关注我们</span>
					<img class="weibo" src="images/di1.png" alt="" />
					<img class="weix" src="images/di2.png" alt="" />
					<span class="jiaru">加入我们</span>
					<img class="jia" src="images/di3.png" alt="" />
				</div>
				<div class="bottom4_box_right">
					<img src="images/di4.png" alt="" />
					<div class="bottom4_box_right_content1">
						<a class="kefu" href="">在线客服</a><br />
						<a class="shijian" href="">服务时段：8:30~10:00</a>
					</div>
					<img class="del" src="images/di5.png" alt="" />
					<div class="bottom4_box_right_content2">
						<a class="kefu" href="">在线客服</a><br />
						<a class="shijian" href="">服务时段：8:30~10:00</a>
					</div>
				</div>
			</div>
		</div>
		<!--底部4结束-->
		<!--底部5开始-->
		<div class="bottom5">
			<span>© 2005 - 2015 广东欧珀移动通信有限公司 版权所有 粤 ICP 备 08130115 号</span>
		</div>
		<!--底部5结束-->
	</body>
</html>
